html, body{
  	font-family:Arial;
    font-size: 100%;
    background-color: #2279d5;
}
body{
	background:url(../images/1506511.png) repeat top center;
	min-height:768px;
}
body a{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
/*----importing-fonts-----*/
/*---Raleway-Bold----*/
@font-face {
  font-family: 'Raleway-SemiBold';
  src: url('../fonts/bold/Raleway-SemiBold.eot');
  src: url('../fonts/bold/Raleway-SemiBold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/bold/Raleway-SemiBold.woff') format('woff'),
       url('../fonts/bold/Raleway-SemiBold.ttf') format('truetype'),
       url('../fonts/bold/Raleway-SemiBold.svg#Raleway-SemiBold') format('svg');
}
.fontpro,.fontpro-35200 {
  font-family: 'Raleway-SemiBold',sans-serif;
}
/*---Raleway-light----*/
@font-face {
  font-family: 'Raleway-Light';
  src: url('../fonts/light/Raleway-Light.eot');
  src: url('../fonts/light/Raleway-Light.eot?#iefix') format('embedded-opentype'),
       url('../fonts/light/Raleway-Light.woff') format('woff'),
       url('../fonts/light/Raleway-Light.ttf') format('truetype'),
       url('../fonts/light/Raleway-Light.svg#Raleway-Light') format('svg');
}
.fontpro,.fontpro-35197 {
  font-family: 'Raleway-Light',sans-serif;
}

/*--container--*/
.wapper{
	width:100%;
	background:#3c8de3;
}
.container{
	width:80%;
	margin:0 auto;
}
/*-----side-nav----*/
#header a, .header a {
	display: block;
	width: 13px;
	height: 18px;
	position: absolute;
	top:32px;
	left: 20px;
	background: url(../images/arrow.png) no-repeat 0px 0px;
}
/*--top-header--*/
.top-header{
	background: #FFF;
	width: 97.8%;
	position: relative;
	margin: 3em 15px 15px 15px;
	padding: 1.5em 1.2em;
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	-ms-border-radius: 0.3em;
}
.logo{
	float:left;
	width:100%;
	text-align:center;
}
.usernotifications{
	float: right;
	position: absolute;
	right: 1.5%;
}
.logo span{
	color: #7D8B94;
	font-size: 1.3em;
	 font-family: 'Raleway-SemiBold';
}
.usernotifications ul{
	float:left;
	margin-left:1.5em;
	margin-bottom:0;
}
.user-profile{
	position:relative;
}
.user-profile li{
	position:relative;
}
.user-profile li ul.sub{
	position:absolute;
	display:none;
}
.user-profile li:hover ul.sub{
	display:block;
}
ul.sub{
	border-radius:0.3em;
}
ul.sub li a{
	color: #FFF;
	font-size: 0.8em;
	padding: 0.2em 1em;
	display: block;
	text-transform: uppercase;
	font-weight:600;
}
ul.sub li a:hover{
	color:#21B8C6;
}
ul.sub{
	margin: 0;
	top: 2.2em;
	background: #475965;
	padding: 0.5em 0;
	z-index: 999;
}
ul.sub li a:hover{
	text-decoration:none;
}
/*----*/
.user-profile1{
	background: #FFF;
	padding: 3em 1em 2em 1em;
}
.user-profile1 h3{
	color: #88959E;
	margin: 0.5em 0;
	font-size: 1.2em;
	font-family: 'Raleway-SemiBold';
}
.user-profile1 p{
	color: #7D8E9A;
	font-size: 0.875em;
	margin: 0 0 2em 0;
	display: block;
	font-weight: 500;
	line-height: 1.7em;
}
.p-btn{
	background: #21B8C6;
	color: #FFF;
	display: inline-block;
	border-radius: 0.2em;
	font-size: 1em;
	margin-top: 10px;
    padding: 5px 45px;
    text-transform: capitalize;
}
.p-btn:hover{
	background:#475965;
	color:#FFF;
	text-decoration:none;
}
/*----sign-in-box----*/
.text-box{
	border:1px solid #A4ADB5;
	position:relative;
	display:block;
	margin:1em 0 0.8em;
	opacity:0.6;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
.text-box:hover{
	opacity:1;
}
.text-box label{
	width: 38px;
	height: 38px;
	display: inline-block;
	background: url(../images/s-icons.png) no-repeat 3px 1px;
	position: absolute;
	z-index: 999;
	border-right: 1px solid #A4ADB5;
}
.text-box label.s-lock{
	background-position:3px -31px;
}
.text-box input[type="text"]{
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: none;
	position: relative;
	width: 100%;
	text-indent: 40px;
	outline: none;
	padding: 0.5em;
	display: block;
}
.sign-in-box{
	background: #FFF;
	padding: 1.8em 1em 0.5em;
	margin: 2.5em 0;
}
.sign-in-box h2{
	font-family: 'Raleway-SemiBold';
	color: #475965;
	text-transform: uppercase;
	font-size: 1em;
	margin: 0;
	text-align: center;
}
.sign-in-box input[type="submit"]{
	background: #21B8C6;
	border: none;
	outline: none;
	color: #FFF;
	display: block;
	width: 100%;
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	-ms-border-radius: 0.3em;
	font-family: 'Raleway-SemiBold';
	font-size: 0.99em;
	padding: 0.6em 0;
	text-transform: uppercase;
	cursor:pointer;
	 transition:0.5s all;
	 -webkit-transition:0.5s all;
	 -moz-transition:0.5s all;
	 -o-transition:0.5s all;
	 -ms-transition:0.5s all;
}
.sign-in-box input[type="submit"]:hover{
	background: #475965;
	color: #FFF;
}
.text-boxs{
	margin:2em 0;
}
.member-sign{
	font-size:0.875em;
	color:#7D8E9A;
}
.member-signup{
	font-size:1em;
	color:#7D8E9A;
	text-decoration:none;
	font-family: 'Raleway-SemiBold';
}
.member-signup:hover,.member-sign:hover{
	text-decoration:none;
	color:#21B8C6;
}
.not-member{
	margin:0.8em 0;
	text-align:center;
}
.member-signup span{
	width:16px;
	height:12px;
	display:inline-block;
	background:url(../images/arrow1.png) no-repeat 0px 0px;
}
/*--//sign-in-box----*/
/*----up-load-stats----*/
.up-load-stats{
	background:#FFF;
}
.chart{
	text-align: center;
}
.chart h4{
	position: absolute;
	top: 3em;
	right: 4.5em;
	font-size: 1.6em;
	color: #9099B7;
	display: inline-block;
}
.chart h4 span{
	color:#FFF;
}
.chart h3{
	color: #475965;
	font-size: 1.1em;
	text-transform: uppercase;
	font-family: 'Raleway-SemiBold';
	margin: 0;
	padding-top: 2em;
}
.diagram{
	position:relative;
}
.chart canvas{
	display: block;
	margin: 2em auto 5em;
	position: relative;
}
.chart_list{
	text-align:center;
}
.chart_list li{
	float:left;
	width: 25%;
}
.chart_list li a{
	display: block;
	color: #FFF;
	font-size:0.875em;	
	padding:4px 0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	font-family: 'Raleway-SemiBold';
}
.chart_list li a:hover{
	text-decoration:none;
}
.chart_list li:nth-child(4){
	border-right:none; 
}
.chart_list p{
	font-size:1.5em;
	color:#FFF;
	padding-top:5px;
}
.chart_list em{
	font-size: 0.7em;
	vertical-align: top;
}
.blue{
	background:#4FC4F6;
}
.blue:hover{
	background:#47B0DD;
}
.purple{
	background:#A33CF2;
}
.purple:hover{
	background:#812EC1;
}
.red{
	background:#E64C65;
}
.red:hover{
	background:#BF3C51;
}
.green{
	background:#21B8C6;
}
.green:hover{
	background:#1E9FAB;
}
.up-load-stats h4{
	 font-family: 'Raleway-Light';
	color:#596873;
}
.social-tags{
	background: #fff;
	padding: 1em 2em 2em;
	margin: 2.5em 0;
}
.social-tags ul{
	margin:0;
}
.social-tags ul li a i{
	color:#D9E3EB;
	font-size:1.3em;
}
.social-tags ul li a span{
	width: 40px;
	height: 40px;
	display: inline-block;
	border: 1px solid #D9E3EB;
	border-radius: 30em;
	-webkit-border-radius: 30em;
	-moz-border-radius: 30em;
	-o-border-radius: 30em;
	-ms-border-radius: 30em;
	text-align: center;
	line-height: 2.8em;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
.social-tags ul li a span:hover,.social-tags ul li.active a span{
	background:#21B8C6;
	color:#FFF;
	border: 1px solid #21B8C6;
}
.social-tags h4{
	text-align: center;
	color: #475965;
	margin: 0.5em 0 1em;
	font-size: 1.5em;
}
/*----End-col-1-----*/
/*----col-2-----*/
/*----chat-box----*/
.chat-msg {
	margin-bottom: 2em;
}
.chat-box{
	background: #FFf;
}
.chat-msg-on{
	background:#E7ECF1;
	border-radius: 0.15em;
	-webkit-border-radius: 0.15em;
	-moz-border-radius: 0.15em;
	-o-border-radius: 0.15em;
	-ms-border-radius: 0.15em;
	margin-left: 0.8em;
	position:relative;
}
.chat-msg-on p{
	color: #53646D;
	font-size: 0.83em;
	padding: 0.5em 0;
	margin: 0;
	position: relative;
}
.chat-msg-on span{
	width: 10px;
	height: 13px;
	display: inline-block;
	background: url(../images/chat-arrow-l.png) no-repeat 0px 0px;
	position: absolute;
	left: -10px;
	top: 21%;
}
.chat-msg-replay{
	background:#21B8C6;
}
.chat-msg-replay p{
	color:#FFF;
}
.chat-msg-replay span{
	width: 10px;
	height: 13px;
	display: inline-block;
	background: url(../images/chat-arrow-r.png) no-repeat 0px 0px;
	position: absolute;
	left: 99.4%;
	top: 21%;
}
.people-on-chat{
	padding: 2em 1em 0.1em;
}
/*----msg-type-box----*/
.msg-type-box{
	padding: 0.5em 1em 1em;
	border-top:1px solid #EBEBEB;
}
.msg-type-box input[type="text"]{
	color: #79848C;
	font-size: 0.8em;
	border: none;
	outline: none;
	width: 68.6%;
}
.msg-type-box input[type="submit"]{
	color: #53646D;
	font-size: 1em;
	background: url(../images/send-bg.png) no-repeat 0px 0px;
	border: none;
	font-family: 'Raleway-SemiBold';
	outline: none;
	text-indent: 1.4em;
	margin-top: 0.3em;
	cursor:pointer;
	-webkit-appearance:none;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
.msg-type-box input[type="submit"]:hover{
	color:#21B8C6;
}
/*---get-in-touch---*/
.get-in-touch{
	background: #FFF;
	margin: 0;
	padding:5px 17px 30px;
}
.get-in-touch h3, .gettouch{
	color: #34495e;
    display: block;
    font-size: 24px;
    font-weight: normal;
    text-transform:uppercase;
	margin:0;
}
/*---*/
.get-in-touch-text-box span{
	color: #34495e;
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
    text-transform: capitalize;
}
.get-in-touch-text-box:hover span,.get-in-touch-text-box:hover label{
	color:#E64C65;
}
.get-in-touch-text-box:hover input[type="text"],.get-in-touch-text-box textarea:hover{
	border:1px solid #E64C65;
}
.get-in-touch-text-box span label{
	color:red;
	margin-left:0.2em;
}
.get-in-touch-text-box input[type="text"],.get-in-touch-text-box textarea, .get-in-touch-text-box select{
	background:#f0f0f0;
	border: 1px solid #d7dee2;
	padding: 6px 1px 1px 6px;
	color: #4A545A;
	font-size: 15px;
    height: 38px;
    line-height: 38px;
    padding: 8px 12px;
    transition: border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s;
	border-radius: 3px;
	width:100%;
}
.get-in-touch-text-box{
	margin:15px 0;
}
.get-in-touch-text-box textarea{
	min-height:120px;
	resize:none;
}
.get-in-touch-text-boxs input[type="submit"]{
	background:#1abc9c;
	color:#FFF;
	padding:8px 30px;
	border:none;
	border-radius:0.2em;
	-webkit-border-radius:0.2em;
	-moz-border-radius:0.2em;
	-o-border-radius:0.2em;
	-ms-border-radius:0.2em;
	text-transform:capitalize;
	font-size:14px;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
.get-in-touch-text-boxs input[type="submit"]:hover{
	background: #475965;
	color: #FFF;
}
/*----twitter-box---*/
.twitter-box{
	margin-top:2.5em;
}
.twitter-box-head h3{
	background: #21B8C6;
	text-align: center;
	color: #FFF;
	text-transform: uppercase;
	margin: 0;
	padding: 1.2em 0;
	font-size: 1em;
	border-top-left-radius:0.15em;
	border-top-right-radius:0.15em;
	-webkit-border-top-left-radius:0.15em;
	-webkit-border-top-right-radius:0.15em;
	-moz-border-top-left-radius:0.15em;
	-moz-border-top-right-radius:0.15em;	
	-o-border-top-left-radius:0.15em;
	-o-border-top-right-radius:0.15em;	
	-ms-border-top-left-radius:0.15em;
	-ms-border-top-right-radius:0.15em;
}
.twitter-box-head h3 span{
	width: 21px;
	height: 23px;
	display: inline-block;
	background: url(../images/twitter-icon.png) no-repeat 0px 0px;
	vertical-align: text-bottom;
	margin-right: 0.5em;
}
.twitts-stat-grid{
	float:left;
	width:33.33%;
	text-align:center;
	padding:0.8em 0;
}
.twitts-stat-grid span{
	color: #7D8E9A;
	text-transform: uppercase;
	font-size: 0.7em;
	display:block;
}
.twitts-stat-grid label{
	color: #7D8E9A;
	text-transform: uppercase;
	font-size: 1.2em;
}
/*----latest-tweets-box----*/
.latest-tweets-box{
	background:#FFF;
	padding:1.2em 1.2em;
}
.latest-tweets-box ul{
	margin:0;
	padding:0;
}
.latest-tweets-box ul li{
	display:inline-block;
	padding:0 0 1em 0;
	display:block;
}
.latest-tweets-box ul li:last-child{
	padding:0;
}
.latest-tweets-box ul li p{
	color:#7D8E9A;
	font-size:0.875em;
	line-height:1.6em;
}
.latest-tweets-box ul li p a{
	color:#21B8C6;
}
.latest-tweets-box ul li p a:hover{
	text-decoration:none;
	color:#B2C0C9;
}
.latest-tweets-box ul li span{
	display:block;
	font-size:0.875em;
	color:#B2C0C9;
	padding:0.6em 0;
}
/*-----col-3-grid-2----*/
.col-3-grid-2{
	margin:2.5em 0;
}
/*----simple-dropdow----*/
.simple-dropdow ul{
	margin:0;
	padding:0;
	position:relative;
}
.simple-dropdow ul li{
	list-style:none;
}
.simple-dropdow ul li{
	position:relative;
}
.simple-dropdow ul li ul.drop-sub{
	display:none;
}
.simple-dropdow ul li:hover ul.drop-sub{
	display: block;
	position: absolute;
	width: 340px;
	margin: 0;
	padding: 0;
	background: #fff;
	left: 0;
	top:53px;
}
.simple-dropdow ul li.s-menu{
	background: #ddd;
	display: block;
	padding: 10px 15px;
	width: 70%;
	z-index:9999;
	cursor: pointer;
}
.simple-dropdow ul li.s-menu ul .drop-sub-sub{
	display:none;
}
.simple-dropdow ul li.s-menu ul li.liSub:hover .drop-sub-sub{
	background: #ddd;
	display: block;
	width: 70%;
	z-index:9999;
	cursor: pointer;
	position:absolute;
	left:340px;
	top:0;
}
a.cog i{
	font-size:2em;
	color:#727F8C;
}
span.s-drop1{
	color: #727f8c;
    font-size: 20px;
    margin-left: 15px;
    vertical-align: text-bottom;
}
.simple-dropdow ul li ul li{
	width:100%;
}
.simple-dropdow ul li ul li a{
	background:#ddd;
	padding:10px 15px;
	display:block;
	color:#727F8C;
}
.simple-dropdow ul li ul li a:hover,.simple-dropdow ul li ul li.active1 a{
	text-decoration:none;
	background:#21B8C6;
	color:#FFF;
}
.simple-dropdow ul li ul li a i{
	margin-right:0.5em;
}

/*-- alert-box --*/
.alert-box{
	background: #FFF;
	margin: 2.5em 0;
	padding: 3em 0 2em;
}
.alert-box h3{
	font-family: 'Raleway-SemiBold';
	color:#475965;
}
.alert-box p{
	color:#475965;
	font-size:1em;
	margin:1em 0 2em;
}
.a-alert{
	background: #21B8C6;
	color: #FFF;
	padding: 0.8em 2em;
	font-family: 'Raleway-SemiBold';
	text-transform: uppercase;
	border-radius: 0.3em;
	margin-top: 1em;
	display: inline-block;
}
.a-alert:hover{
	background: #475965;
	color: #FFF;
	text-decoration:none;
}

/*----timer-note----*/
.timer-note{
	
}
.t-name{
	float: left;
	margin: 0 0 0.5em;
	padding: 0;
	font-family: 'Raleway-SemiBold';
	color: #475965;
	font-size: 1.2em;
}
.t-time{
	float:right;
}
.t-time label{
	width:20px;
	height:19px;
	display:inline-block;
	background:url(../images/clock.png) no-repeat 0px 0px;
	vertical-align:middle;
} 
.timer-info{
	background:#fff;
	padding:1em;
	position:relative;
}
.timer-info p{
	color: #7D8E9A;
	margin: 0;
	line-height: 1.7em;
}
.t-time{
	color: #7D8E9A;
	font-size:0.875em;
}
.t-arrow{
	width: 18px;
	height: 29px;
	display: inline-block;
	background: url(../images/msg-arrow.png) no-repeat 0px 0px;
	position: absolute;
	left: -16px;
	top: 29px;
}
/*-- //alert-box --*/
/*----copy-right---*/
.copy-right p{
	color: #7D8E9A;
	font-size:0.875em;
	text-align:right;
	padding:2em 0;
	text-transform:uppercase;
}
.copy-right p a{
	color:#475965;
	font-family: 'Raleway-SemiBold';
}
.copy-right p a:hover{
	text-decoration:none;
	color:#21B8C6;
}
.namePage{
	color: #fff;
	font-size:26px;
	line-height:53px;
}
/*--responsive design--*/
@media (max-width:1366px){
	.social-tags {
		padding: 1em 1.6em 2em;
	}
}
@media (max-width:1280px){
	.social-tags {
		padding: 1em 1em 2em;
	}
	.chat-msg-on {
		margin-left: 1.1em;
	}
	.people-on-chat {
		padding: 2em 1em 0em 0;
	}
	.msg-type-box input[type="text"] {
		width: 62.6%;
	}
	.latest-tweets-box {
		padding: 2em 1em;
	}
	.simple-dropdow ul li.s-menu {
		width: 70%;
	}
	.timer-people img{
		width:100%;
	}
}
@media (max-width:1024px){
	.container{
		width:95%;
	}
	.social-tags {
		padding: 1em 1em 2em;
	}
	.chat-msg-on {
		margin-left: 1.1em;
		width: 68%;
	}
	.people-on-chat {
		padding: 1em 0em 0em 0;
	}
	.msg-type-box input[type="text"] {
		width: 62.6%;
	}
	.latest-tweets-box {
		padding: 2em 1em;
	}
	.simple-dropdow ul li.s-menu {
		width: 70%;
	}
	.timer-people img{
		width:100%;
	}
	.chart h4 {
		right: 2.8em;
	}
	.simple-dropdow ul li:hover ul.drop-sub {
		width: 210px;
	}
	.top-header {
		width: 97%;
	}
}
@media (max-width:768px){
	.container{
		width:95%;
	}
	.social-tags {
		padding: 1em 1em 2em;
	}
	.chat-msg-on {
		margin-left: 1.1em;
		width: 68%;
	}
	.people-on-chat {
		padding: 1em 0em 0em 0;
	}
	.msg-type-box input[type="text"] {
		width: 62.6%;
	}
	.latest-tweets-box {
		padding: 2em 1em;
	}
	.simple-dropdow ul li.s-menu {
		width:100%;
	}
	.timer-people img{
		width:100%;
	}
	.chart h4 {
		right: 11.6em;
	}
	.simple-dropdow ul li:hover ul.drop-sub {
		width: 100%;
	}
	.top-header {
		width: 95.6%;
	}
	.simple-dropdow{
		min-height:300px;
	}
	.Wather-grid {
		margin-left: 0%;
	}
	.col-3{
		margin:2.5em 0;
	}
	.timer-people,.simple-dropdow{
		padding:0;
	}
	.t-arrow{
		display:none;
	}
	.usernotifications {
		right: 3%;
	}
}
@media (max-width:640px){
	.container{
		width:95%;
	}
	.social-tags {
		padding: 1em 1em 2em;
	}
	.chat-msg-on {
		margin-left: 1.1em;
		width: 68%;
	}
	.people-on-chat {
		padding: 1em 0em 0em 0;
	}
	.msg-type-box input[type="text"] {
		width: 62.6%;
	}
	.latest-tweets-box {
		padding: 2em 1em;
	}
	.simple-dropdow ul li.s-menu {
		width:100%;
	}
	.timer-people img{
		width:100%;
	}
	.chart h4 {
		right: 9.3em;
	}
	.simple-dropdow ul li:hover ul.drop-sub {
		width: 100%;
	}
	.top-header {
		width: 94.6%;
	}
	.simple-dropdow{
		min-height:300px;
	}
	.Wather-grid {
		margin-left: 0%;
	}
	.col-3{
		margin:2.5em 0;
	}
	.timer-people,.simple-dropdow{
		padding:0;
	}
	.t-arrow{
		display:none;
	}
	.usernotifications {
		right: 3%;
	}
	
}
@media (max-width:480px){
	.container{
		width:95%;
	}
	.social-tags {
		padding: 1em 1em 2em;
	}
	.chat-msg-on {
		margin-left: 1.1em;
		width: 68%;
	}
	.people-on-chat {
		padding: 1em 0em 0em 0;
	}
	.msg-type-box input[type="text"] {
		width: 76.6%;
	}
	.latest-tweets-box {
		padding: 2em 1em;
	}
	.simple-dropdow ul li.s-menu {
		width:100%;
	}
	.timer-people img{
		width:100%;
	}
	.chart h4 {
		right: 6.3em;
	}
	.simple-dropdow ul li:hover ul.drop-sub {
		width: 100%;
	}
	.top-header {
		width: 92.6%;
	}
	.simple-dropdow{
		min-height:300px;
	}
	.Wather-grid {
		margin-left: 0%;
	}
	.col-3{
		margin:2.5em 0;
	}
	.timer-people,.simple-dropdow{
		padding:0;
	}
	.t-arrow{
		display:none;
	}
	.usernotifications {
		right: 3%;
	}
	.usernotifications ul {
		margin-left: 0.8em;
	}
}
@media (max-width:320px){
	.container{
		width:100%;
	}
	.social-tags {
		padding: 1em 0.96em 2em;
	}
	.chat-msg-on {
		margin-left: 1.1em;
		width: 68%;
	}
	.people-on-chat {
		padding: 1em 0em 0em 0;
	}
	.msg-type-box input[type="text"] {
		width: 62.6%;
	}
	.latest-tweets-box {
		padding: 2em 1em;
	}
	.simple-dropdow ul li.s-menu {
		width:100%;
	}
	.timer-people img{
		width:100%;
	}
	.chart h4 {
		right: 3.8em;
	}
	.simple-dropdow ul li:hover ul.drop-sub {
		width: 100%;
	}
	.top-header {
		width: 89.6%;
		margin: 1.5em 15px 0px 15px;
	}
	.simple-dropdow{
		min-height:300px;
	}
	.Wather-grid {
		margin-left: 0%;
	}
	.col-3{
		margin:2.5em 0;
	}
	.timer-people,.simple-dropdow{
		padding:0;
	}
	.t-arrow{
		display:none;
	}
	.usernotifications {
		right: 7%;
	}
	.usernotifications ul {
		margin-left: 0em;
	}
	.usernotifications ul:nth-child(2),.usernotifications ul:nth-child(3){
		display:none;
	}
	.user-profile li:hover ul.sub {
		display: block;
		right: -7px;
		top: 30px;
	}
	.sign-in-box h2 {
		font-size: 0.9em;
	}
	.member-sign {
		font-size: 0.8em;
	}
	.member-signup {
		font-size: 0.875em;
	}
}

/*
 * Table styles
 */
.table-search{
	padding:20px 0 50px;
	background:#fff;
}
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  font-size:14px;
}
table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: bold;
}
table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 1px solid #111111;
}
table.dataTable tbody td {
  padding: 10px 18px;
  border-bottom: 1px solid #dddddd;
}
.row-gray{
	background:#f9f9f9;
}
table.dataTable tbody tr:hover{
	background:#f1f1f1;
}
.p-table{
	background: none repeat scroll 0 0 #f1c40f;
    border: 1px solid #deb202;
    border-radius: 0.2em;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    padding: 5px 15px;
    text-transform: capitalize;
}
.p-table:hover{
	background:#475965;
    border: 1px solid #333;
	color:#FFF;
	text-decoration:none;
}
#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {min-height:170px; width:600px; color:#333; background-color:#f0f0f0; border:5px solid #ccc; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../images/x.png) no-repeat; width:30px; height:30px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}
.btn-close{
	margin:10px 0;
	float:right;
}
.menu {
	padding: 0;
	margin:15px 0 0;
}
.menu li {
	display: inline;
}
.menu li a {
	background: #f1c40f;
	float:left;
	border: 1px solid #deb202;
	text-decoration: none;
	color: #fff;
	height: 38px;
    line-height: 38px;
    text-align: center;
    width: 145px;
	border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-o-border-radius: 3px 3px 0 0;
	-ms-border-radius: 3px 3px 0 0;
	margin-right:5px;
}
.menu li.active a, .menu li a:hover {
	background: #3498db;
	border:1px solid #228bd2;
}
.content {
	padding: 20px 0;
	width: 100%;
}
.content form {
	width: 60%;
	display:inline-block;
}
.img-right{
	float:right;
}

